body{
    padding-bottom:1.6rem;
    background:#95b1ff url('../images/agent/bg.png') no-repeat center top;
    background-size:100%;
}
.agent{
    padding:0.58rem 0.3rem 0;
}

.agent .agent_title{
    text-align:center;
}
.agent .agent_title img{
    width:6.1rem;
}

.agent .agent_tips{
    margin-top:-1.5rem;
    margin-bottom:0.4rem;
    text-align:center;
}
.agent .agent_tips img{
    width:4.94rem;
}

.agent .agent_code{
    margin-bottom:10px;
    text-align:center;
    border-radius:0.1rem;
    background:rgba(255,255,255,0.1);
}
.agent .agent_code .agent_code_t{
    line-height:0.8rem;
    color:#FFFFFF;
    font-size:0.22rem;
}
.agent .agent_code .agent_code_b{}
.agent .agent_code .agent_code_b span{
    display:inline-block;
    width:0.6rem;
    height:0.6rem;
    line-height:0.6rem;
    color:#323232;
    font-size:0.4rem;
    background:#fff;
}
.agent .agent_code .agent_code_c{

}
.agent .agent_code .agent_code_c a{
    line-height:0.8rem;
    color:#FFFFFF;
    font-size:0.2rem;  
}

.agent .agent_info{
    margin-bottom:0.2rem;
    padding:0.1rem;
    background:rgba(255,255,255,0.1);
    border-radius:0.2rem;
}
.agent .agent_info .agent_info_bd{
    padding:0 0.75rem  0.35rem;
    background:#fff;
    border-radius:0.2rem;   
}
.agent .agent_info .agent_info_bd .agent_info_bd_tab{
    margin:0 auto 0.35rem;
    width:2.4rem;
    height:0.5rem;
    line-height:0.5rem;
    text-align:center;
    color:#FFFFFF;
    font-size:0.26rem;
    border-radius: 0 0 0.2rem 0.2rem;
    
    background:#4998F7;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list{}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul{}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li{
    float:left;
    margin-left:8%;
    padding:12px 0;
    width:4.4rem;
    height:2rem;
    text-align:center;
    background:rgba(207,228,255,0.1);
    border-radius:0.1rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li:first-child{
    /* margin-left:0; */
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_icon{
    margin:2px 0;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_icon img{
    width:0.6rem;
    height:0.64rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_t{
    line-height:0.68rem;
    color:#4998F7;
    font-size:0.2rem;
}
.agent .agent_info .agent_info_bd .agent_info_bd_list ul li .li_d{
    color:#4998F7;
    font-size:0.2rem;
}

.agent .agent_explain{
    position:relative;
    margin-bottom:10px;
    padding:5px;
    background:#A753F6;
    border-radius:10px;
}
.agent .agent_explain .agent_explain_tips{
    position:absolute;
    top:15px;
    left:0;
    width:20%;
    height:30px;
    line-height:30px;
    text-align:center;
    color:#FFFFFF;
    font-size:10px;
    border-radius: 0  15px 15px 0;
    background:#4998F7;
    
}
.agent .agent_explain .agent_explain_bd{
    padding:21px 25px 13px;
    background:#fff;
    border-radius:10px;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_t{
    margin-bottom:20px;
    text-align:center;
    color:#EC625C;
    font-size:15px;   
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart{
    margin-bottom:22px;
    text-align:center;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart img{
    max-width:80%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart2{
    margin-bottom:15px;
    text-align:center;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_chart2 img{
    max-width:90%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d{
    
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d table{
    width:100%;
}
.agent .agent_explain .agent_explain_bd .share_explain_bd_d table td{
    line-height:42px;
    text-align:center;
    color:#646464;
    font-size:10px;
    border:1px solid rgba(200,130,255,1);
}


.agent .share_explain{
    position:relative;
    margin-bottom:0.2rem;
    padding:0.1rem;
    background:rgba(255,255,255,0.1);
    border-radius:0.2rem;
}
.agent .share_explain .agent_explain_tips{
    position:absolute;
    top:0.3rem;
    left:0;
    width:1.4rem;
    height:0.5rem;
    line-height:0.5rem;
    text-align:center;
    color:#FFFFFF;
    font-size:0.2rem;
    border-radius: 0  0.25rem 0.25rem 0;
    background:#4998F7;
}
.agent .share_explain .share_explain_bd{
    padding:21px 29px;
    background:#fff;
    border-radius:10px;
}
.agent .share_explain .share_explain_bd .share_explain_bd_t{
    margin-bottom:20px;
    text-align:center;
    color:#EC625C;
    font-size:15px;
}
.agent .share_explain .share_explain_bd .share_explain_bd_d{}
.agent .share_explain .share_explain_bd .share_explain_bd_d p{
    color:#646464;
    font-size:0.24rem;
}

.share{
    position:fixed;
    left:0;
    bottom:0;
    width:7.5rem;
    height:1.4rem;
    background:#a9bfff;
}
.share .share_btn{
    margin:0.24rem auto;
    width:6.9rem;
    height:0.92rem;
    line-height:0.92rem;
    text-align:center;
    color:#fff;
    font-size:0.34rem;
    border-radius:0.1rem;
    
    background: -webkit-linear-gradient(top, #68A9F7 , #4998F7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom, #68A9F7, #4998F7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom, #68A9F7, #4998F7); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #68A9F7 , #4998F7); /* 标准的语法 */
}


























